2 * MediaWiki Widgets – JS DateInputWidget styles.
4 * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt
5 * @license The MIT License (MIT); see LICENSE.txt
8 .oo-ui-unselectable() {
9 -webkit-touch-callout: none;
10 -webkit-user-select: none;
11 -moz-user-select: none;
12 -ms-user-select: none;
16 @indicator-size: unit( 12 / 16 / 0.8, em );
18 .mw-widget-dateInputWidget {
20 .oo-ui-unselectable();
22 > .oo-ui-labelElement-label {
26 > .oo-ui-indicatorElement-indicator {
31 &.oo-ui-indicatorElement .mw-widget-dateInputWidget-handle > .oo-ui-indicatorElement-indicator {
36 width: @indicator-size;
41 > .oo-ui-textInputWidget {
50 background-color: #fff;
53 box-shadow: 0 0.15em 0 0 rgba( 0, 0, 0, 0.15 );
57 box-shadow: inset 0 0 0 1px #36c, 0 0.15em 0 0 rgba( 0, 0, 0, 0.15 );
63 .mw-widget-dateInputWidget-handle {
69 &.oo-ui-flaggedElement-invalid {
70 .mw-widget-dateInputWidget-handle {
72 box-shadow: inset 0 0 0 0 #f00;
76 &.oo-ui-widget-enabled {
77 .mw-widget-dateInputWidget-handle:hover {
78 border-color: #72777d;
82 &.oo-ui-widget-disabled {
83 .mw-widget-dateInputWidget-handle {
84 background-color: #eaecf0;
86 border-color: #c8ccd1;
87 text-shadow: 0 1px 1px #fff;
90 > .oo-ui-indicatorElement-indicator {